<script setup>
import Header from "@comp/Header";
import Sidebar from "@comp/Sidebar";
import { computed, onMounted } from "vue";

const headName = computed(() => {
  return window.globalObj.s5
})


</script>
<template>
  <div class="home">
    <Header :name="headName" docType="人员防护行动计划" />
    <Sidebar route-name="ryfhHome" />
    <div class="content_box">
      <div class="view_box gray-scoll-y">
        <router-view />
      </div>
    </div>
  </div>
</template>
<style scoped lang="scss">
.home {
  width: 100%;
  height: 100vh;
  background-color: #eff2f5;
  position: relative;

  .content_box {
    width: calc(100% - 250px);
    height: calc(100% - 57px);
    position: absolute;
    left: 250px;
    padding: 23px 32.5px;

    .view_box {
      width: 100%;
      height: 100%;
      background: #fff;
      border-radius: 4px;
      padding: 15px;
    }
  }
}
</style>
